page-add-new-staff {
    $title-bg-color: #07a963;
    $font-color: #333;
    $tips-color: #999;
    @function pxToVw($px) {
        @return $px/1080*100vw;
    }
    ion-toolbar[content-page] {
        .back {
            background: none;
            width: auto;
            height: auto;
            margin: 0!important;
        }
    }
    ion-content {

        .item-ios {
            height: 11.94vw;
            padding: 0 pxToVw(60);
        }
        .scroll-contentFalse {
            overflow-x: inherit !important;
            overflow-y: inherit !important;
        }
        .list-ios ion-item-options {
            border-bottom: none;
            display: flex;
            align-items: center;

        }

        // 添加按钮
        .phoneAndAddBox {
            background: #f5f5f5;
            height: pxToVw(140);
            padding-left: pxToVw(260);
            .phoneAndAdd {
                color: #35ac63;
                font-size: pxToVw(42);
                vertical-align: middle;
                display: flex;
                align-items: center;
                img {
                    height: pxToVw(49);
                    margin-right: 1.5vw;
                    width: pxToVw(49);
                }
            }
        }

        i {
            display: inline-block;
            font-style: normal;
            height: 4.8vw;
            width: 4.8vw;
        }
        .item-inner {
            padding-right: 0 !important;
            border-bottom: 0 !important;
            ion-icon {
                min-height: 0;
            }

        }
        .item-block:last-child {
            .item-inner {
                border-bottom: 0 !important;
            }
        }
        .item-block {
            border-bottom: 0.13vw solid #f6f6f6 !important;
        }
        .list-ios {
            margin: 0;
            .item-block:first-child {
                border-top: 0;
                border-bottom: 0.13vw solid #f6f6f6 !important;
            }
        }
        .label-ios {
            font-size: pxToVw(45);
            color: #333;
            margin: 0;
            width: pxToVw(200);
            min-width: pxToVw(200);
        }

        label.delPhone, button {
            position: relative;
            z-index: 999999;
            background: none;
            display: flex;
            align-items: center;
            justify-content: center;
            .delPho, .addMore {
                height: 5.33vw;
                width: 5.33vw !important;
                background: url("../assets/images/client/client-add/ico_remove.png");
                background-size: cover;
            }
            .addMore {
                background: url("../assets/images/client/client-add/ico_addphone.png");
                background-size: cover;
            }
        }

        ion-item {
            border: none;
            margin-right: 2.66vw;
            ion-input {
               // height: 10vw;
                font-size: pxToVw(45);
                padding: 0.5vw 0 0 0;
                color: #333;
            }
            .cloned-input{
                margin-left:0!important;
            }
            ion-select {
                font-size: pxToVw(45);
                width: 100%;
                max-width: 100%;
                .select-icon {
                    height: 4.26vw !important;
                    width: 4.26vw !important;
                    position: absolute;
                    // right: 0.8vw;
                    background: url("../assets/images/client/client-add/icon_arrow-d.png");
                    background-size: cover;
                    .select-icon-inner {
                        display: none;
                    }
                }
                &.select-ios {
                    padding-left: 0;
                }
            }

            .text-input {
                margin-left: 0 !important;
            }
            .text-input[disabled]{
                color: #999;
                -webkit-text-fill-color: #999;
                opacity: 1;
            }
            .text-input-ios {
                margin-left: 0;
            }
            .datetime-ios {
                padding-left: 0;
            }
            .choose {
                width: 4.26vw;
                height: 4.26vw;
                background: url("../assets/images/client/client-add/icon_arrow-d.png");
                background-size: cover;
                //margin-right: 2.8vw !important;
            }
            ion-label.labelOther {
                min-width: 45vw;
                overflow:visible;
            }
            ion-label.labelType, ion-label.labelCome {
                min-width: 21.8vw;
            }
            ion-label.sexLabel, ion-label.birChoose {
                flex: none;
            }
            ion-label.sexLabel, ion-label.incomeLabel {
                width: 100%;
                span {
                    margin-left: 9vw;
                    font-size: pxToVw(45);
                }
                .chooseSex {
                    color: #999;
                }
            }
            ion-label.incomeLabel {
                span {
                    margin-left: 5vw;;
                }
            }
            ion-datetime {
                .datetime-text {
                    font-size: pxToVw(45);
                    color: #333;
                }
            }
            .button-ios.activated {
                background: transparent;
            }
        }

        ion-item-options {
            .delPhone {
                padding: 0;
                margin-right: 0 !important;
                span {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: #e66660;
                    color: #fff;
                    font-size: pxToVw(42);
                    height: 14vw;
                    width: 15.46vw;
                }
            }
        }

    }
}

.client-add-picker {
    .picker-col:nth-child(2) button:after {
        content: "年";
    }
    .picker-col:nth-child(3) button:after {
        content: "月";
    }
    .picker-col:nth-child(4) button:after {
        content: "日";
    }
}

// 更改ion-select 样式
.mySel {
    .action-sheet-group:first-child {
        margin-top: 66vw;
    }
    .action-sheet-group:first-child {
        padding-top: 5.6rem;
    }
    .action-sheet-group {
        position: relative;
        .action-sheet-title {
            min-height: 5.6rem;
            position: fixed;
            top: 66vw;
            text-align: center;
            width: 94%;
            border-radius: 5px;
            // background: transparent;
            background: #fff;
        }
    }

}

.staffSelect {
    .action-sheet-wrapper {
        .action-sheet-container {
            .action-sheet-group:first-child {
                height: 78vw;
               // position: relative;
                .action-sheet-title{
                   // position: fixed;
                    position: absolute;
                    width:95.5vw;
                }
                button:nth-child(2){
                    margin-top: 13vw;
                }
            }
        }
    }
}

.ifAddCustStaff{
    .alert-button-group{
        .alert-button:nth-child(2){
            color: #35ac63!important;
        }
    }
    .alert-message{
        padding:0 computed-vw(50)!important;
        margin-top:6vw!important;
        font-size: computed-vw(45)!important;
        color:#333!important;
        line-height:normal!important;
        text-align: left;

    }
    .alert-wrapper{
        height:36.2vw!important;
    }

}

